/* 其他 */
.oh{ overflow: hidden; position: relative;}
.web-box{ padding: 0 10px;}
.block-img{ display: block; width: 100%;}
.nav-mask{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 2; display: none;}
.clear-header{ position: relative; width: 100%; height: 44px; z-index: 1;}
.pb3{ padding-bottom: 3%;}
.pb4{ padding-bottom: 4%;}
.pb10{ padding-bottom: 10%;}
.ti2{ text-indent: 2em;}
.bluefont{ color: #3d87d1;}
.blackfont{ color: #333;}
.bluefont1{ color: #98ddff;}
.fw{ font-weight: 700;}
.fz16{font-size: 20px;}
.txt-center{text-align: center;}
.tac{ text-align: center;}
.gray-bg{ background-color: #e8e9eb; }


/* 框架 */
.header{ position: fixed; top: 0; left: 0; width: 100%; height: 0; padding-top: 44px; background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(25, 17, 13, .5);
-moz-box-shadow: 0 1px 3px rgba(25, 17, 13, .5);
box-shadow: 0 1px 3px rgba(25, 17, 13, .5); z-index: 3;}

.header .logo{ width: 35%; max-width: 246px; position: absolute; top: 50%; left: 10px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}

.web-link{ padding: 10px 0; font-size: 12px; line-height: 40px;}
.web-link a{ display: inline-block; margin: 0 10px;}
.web-link a:nth-child(1){ padding: 0 0 0 24px; background: url(../images/cico01.png) 0 no-repeat;}
.web-link a:nth-child(2){ padding: 0 0 0 24px; background: url(../images/cico18.png) 0 no-repeat;}
.web-link a:nth-child(3){ padding: 0 0 0 34px; background: url(../images/cico02.png) 0 no-repeat;}

.index-title{ text-align: center;}
.index-title span{ display: block; color: #0051a2;}
.index-title span.cn{ font-size: 18px; line-height: 32px;}
.index-title span.en{ font-size: 14px; line-height: 20px;}

.inner-banner{ position: relative; width: 100%; height: 150px; overflow: hidden; -webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.inner-banner img{ display: block; position: absolute; top: 50%; left: 50%; max-width: none; min-width: 100%; max-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

/* 导航按钮 */
.nav-ico{ position: absolute; top: 50%; right: 10px; width: 24px; padding-bottom: 5px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}

.nav-ico span{ display: block; width: 100%; height: 2px; margin-top: 5px; background-color: #3d87d1; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}

.nav-ico.active span:nth-child(1){ -webkit-transform: translate(0, 7px) rotate(45deg); -moz-transform: translate(0, 7px) rotate(45deg); -ms-transform: translate(0, 7px) rotate(45deg); -o-transform: translate(0, 7px) rotate(45deg); transform: translate(0, 7px) rotate(45deg);}
.nav-ico.active span:nth-child(2){ opacity: 0;}
.nav-ico.active span:nth-child(3){ -webkit-transform: translate(0, -7px) rotate(-45deg); -moz-transform: translate(0, -7px) rotate(-45deg); -ms-transform: translate(0, -7px) rotate(-45deg); -o-transform: translate(0, -7px) rotate(-45deg); transform: translate(0, -7px) rotate(-45deg);}

/* 导航 */
.nav{ position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff;}
.nav-list{}
.nav-list li{}
.nav-list li h2{ position: relative;}
.nav-list li.more h2:after{ content: ''; position: absolute; right: 10px; top: 30%; width: 8px; height: 8px; border: 1px solid transparent; border-right-color: #666; border-bottom-color: #666; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
.nav-list li.more h2.active:after{ top: 48%; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg);}
.nav-list li h2 a{ display: block; width: 100%; padding: 0 10px; font-size: 16px; line-height: 40px; border-bottom: 1px solid #ccc;}
.nav-list li .subnav{ display: none;}
.nav-list li .subnav a{ display: block; width: 100%; padding: 0 42px; margin-bottom: 1px; font-size: 14px; line-height: 32px; color: #fff; background-color: #4f4f4f;}

/* 底部 */
.footer{ padding: 18px 0; color: #fff; background-color: #444;}
.footer a{color: #fff;}
.footer-nav{}
.footer-nav li{ float: left; padding: 0 40px 20px 0;}
.footer-nav li h2{ margin-bottom: 10px; font-size: 16px;}
.footer-nav li .footer-subnav{ font-size: 12px;}
.footer-nav li .footer-subnav a{ display: block;}
.footer-nav li .footer-subnav a:hover{}
.footer-nav li .email{ font-size: 12px;}

.footer-nav li:nth-child(5){ display: none; }

.footer-nav li .ewm{ width: 106px; font-size: 12px; text-align: center;}

.copyright{ padding-top: 20px; text-align: center; color: #fff;}

/* banner */
.banner-next,.banner-prev{ position: absolute; top: 50%; padding: 3.5%; border-radius: 50%; overflow: hidden; cursor: pointer; -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, .5); -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, .5); box-shadow: 2px 2px 10px rgba(0, 0, 0, .5); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 2;}
.banner-next{ left: 5%; background: url(../images/cico03.png) 0 0 no-repeat; -webkit-background-size: 100%; background-size: 100%;}
.banner-prev{ right: 5%; background: url(../images/cico04.png) 0 0 no-repeat; -webkit-background-size: 100%; background-size: 100%;}

.banner .banner-drop{ position: absolute; bottom: 6%; height: 10px; line-height: 10px; text-align: center; z-index: 2;}
.banner .banner-drop .swiper-pagination-bullet{ width: 10px; height: 10px; border: 2px solid #fff; background-color: transparent; opacity: .5; -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, .5); -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, .5); box-shadow: 2px 2px 10px rgba(0, 0, 0, .5); }
.banner .banner-drop .swiper-pagination-bullet-active{ background-color: #0051a2; border: none; opacity: 1;}

/* 首页产业 */
.index-product{ padding-top: 26px;}

.index-prolist{ padding-top: 28px;}
.index-prolist li{ margin-bottom: 20px;}
.index-prolist .content{ width: 100%; max-width: 342px; margin: 0 auto;}
.index-prolist .content a{ display: block; width: 100%; height: 100%; color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.index-prolist .content .text-box{ position: relative; padding-bottom: 10px;}
.index-prolist .content .text-box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #0051a2; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: -1;}
.index-prolist .content .title{ padding: 12px 10px 6px; font-size: 16px; line-height: 30px; text-align: center;}
.index-prolist .content .info{ width: 100%; height: 84px; padding: 0 10px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}

/* 首页新闻 */
.index-new{ padding-top: 20px;}
.new-swiper{ margin: 4.833% auto 0; box-shadow: 0 0 10px rgba(0, 0, 0, .27);}
.new-swiper .swiper-slide{ overflow: hidden;}
.new-swiper .title{ position: absolute; bottom: 2px; left: 0; width: 100%; height: 32px; padding: 0 10px; font-size: 16px; line-height: 32px; color: #fff; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(0, 0, 0, .5); overflow: hidden;}
.new-swiper .swiper-pagination{ top: auto; bottom: 0; height: 2px; background-color: #959595;}
.new-swiper .swiper-pagination .swiper-pagination-progressbar{ background-color: #0051a2;}

.indexnews-box{ margin-top: 4.833%;}
.indexnew-tab{ margin-bottom: 16px; border-bottom: 2px solid #b5b5b5;}
.indexnew-tab a{ display: inline-block; position: relative; margin-right: 22px; padding-bottom: 5px; font-size: 18px; line-height: 32px; }
.indexnew-tab a:after{ content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px;}
.indexnew-tab a:hover,.indexnew-tab a.cur{ color: #0051a2;}
.indexnew-tab a:hover:after,.indexnew-tab a.cur:after{ background-color: #0051a2;}

.indexnew-list{ display: none;}
.indexnew-list li{}
.indexnew-list li a{ display: block; position: relative; font-size: 14px; line-height: 36px; color: #666;}
.indexnew-list li .date{ position: absolute; top: 0; left: 0; width: 90px;}
.indexnew-list li .title{ width: 100%; padding-left: 90px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/* 首页合作机构 */
.index-coop{ padding-top: 3.906%;}
.indexcoop-list{ padding: 3.833% 0; margin: 0 -10px;}
.indexcoop-list li{ float: left; width: 33.33%; padding: 0 10px; margin-bottom: 3.6%;}

/* 德生航空 */
.aviation-box{ padding-top: 10%;}
.aviation-box .title{ margin-bottom: 24px;}
.aviation-box .title img{ display: block; width: 40%;}
.aviation-box .content{ color: #666;}
.aviation-box .content img{ display: block; margin: 24px auto;}

.aviation-box.hkly{ padding-bottom: 50px; background: url(../images/cico08.png) bottom no-repeat; -webkit-background-size: 100%; background-size: 100%;}
.aviation-box.tjpjs{ padding-bottom: 50px; background: url(../images/cico07.png) bottom no-repeat; -webkit-background-size: 100%; background-size: 100%;}

/* 德生康养 */
.support-box{ margin: 10% 0px;}
.support-box .content{ margin-bottom: 24px;}
.support-box .content .title{ font-size: 16px; margin-bottom: 10px;}
.support-box .content .text{ color: #707070;}
.support-box .img-box{}
.support-box .img-box img{ display: block; margin: 0 auto; }

/* 德生要闻 */
.new-list li{ padding: 16px 0; border-bottom: 1px solid #ccc;}
.new-list li .img-box{ position: relative; width: 100%; height: 150px; margin-bottom: 10px; overflow: hidden;}
.new-list li img{ position: absolute; top: 50%; left: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.new-list li .content{}
.new-list li .title{ margin-bottom: 5px; font-size: 18px; width: 100%; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.new-list li .other{ margin-bottom: 5px; color: #999;}
.new-list li .other span{ display: inline-block; margin-right: 32px;}
.new-list li .text{ width: 100%; color: #666; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}

.login-more{ display: block; width: 100%; height: 46px; background: #3d87d1 url(../images/cico10.png) center no-repeat;}

/* 德生旗下 */
.submap-mo{ padding: 10% 0;}
.submap-mo img{ max-width: 1118px; margin: 0 auto;}
.submap-pc{ display: none;}

.subname-box{}
.subname-list{ margin-bottom: 34px; font-size: 16px; line-height: 32px;}
.subname-list dt{ color: #0051a2; margin-bottom: 5px;}
.subname-list dd{ color: #666;}

/* 集团介绍 */
.about{ padding: 10% 0; margin-bottom: 20px; border-bottom: 1px dashed #d6d6d6; background: url(../images/cico12.png) center 90% no-repeat;}
.about-title{ padding-bottom: 10px; font-size: 20px; line-height: 32px; text-align: center;}
.about .text{ color: #666; line-height: 26px;}
.vision{}
.vision .vision-img{ display: block; margin-top: 10px;}

/* 董事长致辞 */
.speech{ padding: 5% 0 9.333%; background: url(../images/cico13.png) center bottom no-repeat; -webkit-background-size: 100%; background-size: 100%;}
.speech .img-box{ float: left; width: 50%; margin: 0 20px 10px 0;}
.speech .content{ font-size: 15px; line-height: 26px; color: #666;}
.speech .content .title{ margin-bottom: 10px; font-size: 18px; color: #333;}
.speech .name{ padding-top: 4.166%; text-align: right;}
.speech .name img{ display: inline-block;}

/* 联系我们 */
.company-name{ color: #666; text-align: center; margin: 5% 0 4%;}
.company-name .cn{ font-size: 18px; line-height: 32px;}
.company-name .en{}

.contact-way{ font-size: 16px; color: #666; text-align: center;}
.contact-way li{}
.contact-way li span{ display: inline-block; padding-left: 40px; margin-bottom: 10px;}
.contact-way .email{ background: url(../images/cico14.png) 0 no-repeat;}
.contact-way .tel{ background: url(../images/cico15.png) 6px no-repeat;}
.contact-way .fix{ background: url(../images/cico16.png) 6px no-repeat;}
.contact-way .address{ background: url(../images/cico17.png) 6px no-repeat;}

#l-map{ height: 300px; border: 1px solid #ccc; margin: 10% 0; }
.map img{ max-width: none;}

/*新闻详情*/
.new-header{ padding: 20px 0; max-width: 968px; margin: 0 auto;}
.new-header .title{ font-size: 18px; line-height: 28px;}
.new-header .other{ color: #999; font-size: 12px; line-height: 20px;}
.new-header .other span{ display: inline-block; margin-right: 15px;}

.new-detail{ color: #666; text-align: justify; padding-bottom: 50px; max-width: 968px; margin: 0 auto;}
.new-detail .img-box{ padding: 10px 0;}
.new-detail .img-box img{ display: block; margin: 0 auto;}
.new-detail .img-name{ text-align: center; font-size: 12px; color: #f00; font-weight: 700; padding-bottom: 10px; margin-top: -10px;}

.video-box{ margin: 0 auto; max-width: 640px; padding: 20px 0;}
.video-box iframe,.video-box voideo{ width: 100%; min-height: 300px;}

.more-btn{ display: block; width: 90px; height: 28px; line-height: 26px; text-align: center; border: 1px solid #3d87d1; border-radius: 20px; color: #3d87d1; margin: 0 auto;}
.more-btn:hover{ background-color: #3d87d1; color: #fff;}

.pre-next{ border-top: 1px solid #ccc; padding: 10px 0; margin-top: 30px; line-height: 32px;}
.pre-next p{ width: 100%; margin-bottom: 10px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap;}
.pre-next a{ margin-left: 4px;}

/*美国医疗*/
.bmr-experts{ padding: 5.833% 0; }
.bmr-experts .title{ padding-bottom: 1%; border-bottom: 1px solid #eee; text-align: center;}
.bmr-experts .title h3{ font-size: 20px; color: #666; line-height: 30px;}
.bmr-experts .title h4{ color: #999; line-height: 26px;}
.bmr-experts .university-list{ padding: 1.66% 0; color: #666;}
.bmr-experts .university-list li{  text-align: center;}
.bmr-experts .img-box{}

.bmr-network{ padding: 5.833% 0; }
.bmr-network .title{ padding-bottom: 1%; border-bottom: 1px solid #eee; text-align: center; font-size: 20px; color: #666; line-height: 30px;}
.bmr-network .info{ padding: 1.66% 0; color: #666; }
.bmr-network .img-box{ width: 100%; }

.bmr-infrastructure{ padding: 5.833% 0; }
.bmr-infrastructure .title{ padding-bottom: 1%; border-bottom: 1px solid #cfcfcf; text-align: center; font-size: 20px; color: #666; line-height: 30px;}
.bmr-infrastructure .info{ padding-top: 1.66%; color: #666; }
.bmr-infrastructure .characteristic{ background-color: #0878a2; color: #fff; text-align: center; margin-bottom: 1.66%;}
.bmr-infrastructure .characteristic .tip span{ display: inline-block;
padding: 0 32px 2px; border-bottom: 1px solid #fff; font-size: 24px; line-height: 50px; }
.bmr-infrastructure .characteristic .text{ font-size: 16px; line-height: 30px; padding: 10px 30px 25px; }

.bmr-infrastructure .img-box{ width: 100%; }

.bmr-tourism{}
.bmr-tourism .title{ text-align: center; font-size: 20px; color: #666; line-height: 30px; }
.bmr-tourism .title span{ display: inline-block; border-bottom: 1px solid #cfcfcf; padding-bottom: 1%;  }

.bmr-tourism .service-list{ padding: 6% 0; }
.bmr-tourism .service-list li{ text-align: center; float: left; width: 33.33%;}
.bmr-tourism .service-list li .ico{ display: block; width: 60px; height: 60px; background-color: #7ecef4; margin: 0 auto; position: relative; border-radius: 50%;}
.bmr-tourism .service-list li .ico img{ position: absolute; width: 50%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.bmr-tourism .service-list li .text{ color: #666; padding: 4% 0; }

.bmr-radiology{ height: 416px; }
.bmr-radiology .bg{ position: absolute; min-width: 100%; max-width: none; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.bmr-radiology .content{ width: 100%; padding: 0 10px; color: #fff; text-align: center; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.bmr-radiology .content .title{ font-size: 24px; padding-bottom: 1%; border-bottom: 1px solid #cfcfcf; padding: 30px 0 22px; margin-bottom: 22px;}
.bmr-radiology .content .text{ font-size: 16px; line-height: 30px; }

.bmr-why{ padding: 48px 0 90px; }
.bmr-why .title{ border-bottom: 1px solid #cfcfcf; text-align: center; color: #666; padding-bottom: 13px; }
.bmr-why .title h3{ font-size: 24px; line-height: 35px;}
.bmr-why .title h4{ font-size: 18px; line-height: 33px; }

.bmr-why .college-education{}
.bmr-why .college-education .tip{ font-size: 16px; font-weight: 700; color: #666; text-align: center; padding: 20px 0 10px;}
.bmr-why .college-education .img-box{ text-align: center; }
.bmr-why .college-education .img-box img{ display: inline-block; margin: 0 10px; }
.bmr-why .seen-on{}
.bmr-why .seen-on .tip{ font-size: 26px; font-weight: 700; color: #666; text-align: center; padding: 20px 0 16px; }
.bmr-why .seen-on .img-box{ text-align: center; }
.bmr-why .seen-on .img-box img{ display: inline-block; margin: 0 5px; }

/*德生医疗*/
.hospital-box{ margin-bottom: 10%; }
.hospital-box .title{ font-size: 24px; text-align: center; padding-bottom: 30px; }

.hospital-list{}
.hospital-list li{ margin-bottom: 10px; }
.hospital-list li .name{ text-align: center; padding: 10px 0; }

/*麻省总部医生*/
.mszy-title{ font-size: 16px; color: #666; text-align: center; padding: 2% 0; margin-bottom: 24px; border-bottom: 1px solid #eee;}
.mszy-title .tip{ font-size: 14px; color: #999; }

.grid { position: relative; width: 100%; margin: 0 auto 50px;} 
.grid-item .itembox { padding: 10px; max-width: 400px; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.grid-item .itembox img { display: block; width: 100%; }      

/*****************************480**********************************/
@media (min-width: 480px){
     .header .logo{ width: 20%;}
     .bmr-experts .img-box{ width: 50%; margin: 0 auto; } 
}
/*****************************ipad竖版区域**********************************/
@media (min-width: 767px){

    /* 框架 */
    .index-title span.cn{ font-size: 28px; line-height: 42px;}
    .index-title span.en{ font-size: 16px; line-height: 28px;}

    .inner-banner{ height: 300px;}

    /* 底部 */
    .footer-nav li{ padding-right: 84px;}
    .footer-nav li h2{ margin-bottom: 20px; font-size: 14px;}
    .footer-nav li .footer-subnav{ font-size: 14px;}
    .footer-nav li .email{ font-size: 14px;}
    .footer-nav li .ewm{ font-size: 14px;}
    .copyright{ text-align: left;}

    /* banner */
    .banner-next,.banner-prev{ padding: 1.7%;}
    /* .banner .banner-drop{ height: 10px; line-height: 10px; bottom: 6%;}
    .banner .banner-drop .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 10px;} */

    /* 首页产品 */
    .index-prolist{}
    .index-prolist li{ float: left; width: 50%; margin-bottom: 4.8%;}
    .index-prolist .content .text-box{ padding-bottom: 24px;}
    .index-prolist .content .title{ font-size: 22px; line-height: 32px;}
    .index-prolist .content .info{ font-size: 16px; line-height: 28px;}

    /* 首页新闻 */
    .index-new{ padding-top: 0;}
    .new-swiper .title{ height: 46px; padding: 0 30px; font-size: 20px; line-height: 46px; }
    .new-swiper .swiper-pagination{ top: auto; bottom: 0; height: 2px; background-color: #959595;}
    .new-swiper .swiper-pagination .swiper-pagination-progressbar{ background-color: #0051a2;}

    .indexnew-tab a{ margin-right: 44px; padding-bottom: 10px; font-size: 22px; line-height: 46px;}

    .indexnew-list{ display: none;}
    .indexnew-list li{}
    .indexnew-list li a{ font-size: 18px; line-height: 40px; }
    .indexnew-list li .date{ width: 112px;}
    .indexnew-list li .title{ padding-left: 112px;}

    /* 首页合作机构 */
    .indexcoop-list li{ width: 25%;}

    /* 德生航空 */
    .aviation-box .content{ font-size: 16px; line-height: 28px;}

    /* 德生康养 */
    .support-box{}
    .support-box .content{ margin-bottom: 40px;}
    .support-box .content .title{ font-size: 36px; line-height: 44px; margin-bottom: 24px;}
    .support-box .content .text{ font-size: 16px; line-height: 36px;}

    /* 德生要闻 */
    .new-list li .img-box{ float: left; position: relative; width: 25%; height: 140px; margin-bottom: 0; margin-top: 6px;}
    .new-list li img{ max-width: none; min-width: 100%;}
    .new-list li .content{ float: right; width: 72%; line-height: 28px;}
    .new-list li .title{ margin-bottom: 3px; font-size: 20px;}
    .new-list li .text{ font-size: 16px; -webkit-line-clamp: 3;}

    /* 德生旗下 */
    .subname-box{ float: left; width: 50%; padding: 0 24px;}
    .subname-box:nth-child(2n+1){ clear: left;}

    /* 集团介绍 */
    .about{ padding: 6.25% 0 15.5%; margin-bottom: 40px;}
    .about-title{ padding-bottom: 66px; font-size: 30px; line-height: 54px; text-align: center;}
    .about .text{ font-size: 15px;}

    /* 董事长致辞 */
     .speech .img-box{ width: 32.75%; }
    .speech .content .title{ margin-bottom: 30px; font-size: 30px; font-weight: 400; line-height: 30px;}

    /* 联系我们 */
    .company-name{ margin: 40px 0 34px;}
    .company-name .cn{ font-size: 28px; line-height: 46px;}
    .company-name .en{ font-size: 20px; line-height: 32px;}

    .contact-way{}
    .contact-way li{ display: inline-block; margin: 0 70px 10px;}

    #l-map{ height: 506px; margin: 40px 0 90px; }

    /*新闻详情*/
    .new-header{ padding: 44px 0 10px; text-align: center;}
    .new-header .title{ font-size: 28px; line-height: 40px; padding: 10px 0;}
    .new-header .other{ font-size: 16px; line-height: 38px;}
    .new-header .other span{ display: inline-block; margin-right: 15px;}

    .new-detail{ font-size: 16px; line-height: 40px;}
    .new-detail .img-box{ padding: 20px 0;}
    .new-detail .img-name{ margin-top: -20px; font-size: 14px;}

    .video-box iframe,.video-box voideo{min-height: 480px;}

    .pre-next{ margin: 30px 0;}
    .pre-next p{ font-size: 16px;}
    .pre-next a:hover{ color: #3d87d1;}

    /*美国医疗*/
    .bmr-experts .title h3{ font-size: 24px; line-height: 36px;}
    .bmr-experts .title h4{ font-size: 16px; line-height: 30px;}
    .bmr-experts .university-list li{ font-size: 16px; line-height: 28px;}
    .bmr-experts .university-list li:nth-child(2n){ width: 49%; text-align: left; float: right; }
    .bmr-experts .university-list li:nth-child(2n+1){ width: 49%; text-align: right; float: left;}

    .bmr-network{}
    .bmr-network .title{ font-size: 24px; line-height: 36px; }
    .bmr-network .info{ font-size: 16px; line-height: 28px;}
    .bmr-network .img-box{ width: 50%; margin: 0 auto; }

    .bmr-infrastructure{}
    .bmr-infrastructure .title{ font-size: 24px; line-height: 36px; }
    .bmr-infrastructure .info{ font-size: 16px; line-height: 28px; }

    .bmr-infrastructure .img-box{ width: 50%; margin: 0 auto; }

    .bmr-tourism .title{ font-size: 24px; line-height: 36px; }

    .bmr-tourism .service-list{ padding: 4% 0; width: 70%; margin: 0 auto; }
    .bmr-tourism .service-list li{}
    .bmr-tourism .service-list li .ico{ width: 84px; height: 84px;}
    .bmr-tourism .service-list li .text{ font-size: 16px; }

    .bmr-radiology .content{ width: 70%; max-width: 637px; }
    .bmr-radiology .content .title{ padding-top: 55px; }

    /*德生医疗*/
    .hospital-list{ margin: 0 -10px; }
	.hospital-list li{ width: 50%; padding: 0 10px; float: left; }

	/*麻省总部医生*/
	.mszy-title{ font-size: 24px; line-height: 38px; }
	.mszy-title .tip{ font-size: 16px; }
}
/*****************************ipad横版区域**********************************/
@media (min-width: 991px){
    /* 框架 */
    .header{ padding-top: 140px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
    .clear-header{ height: 140px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}

    .header .logo{ top: auto; bottom: 30px; -webkit-transform: translate(0, -0); -moz-transform: translate(0, -0); -ms-transform: translate(0, -0); -o-transform: translate(0, -0); transform: translate(0, -0); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}

    .web-link{ position: absolute; top: 12px; right: 10px; padding: 0; font-size: 18px; line-height: 44px; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
    .web-link a{ display: inline-block; margin: 0 10px;}

    .inner-banner{ height: 496px;}
    .bmr-banner{ height: 724px; }

    /* 导航 */
    .nav{ top: 0; left: auto; right: 10px; width: 70%; max-width: 720px; height: 100%; background-color: transparent;}
    .nav-list{ position: absolute; left: 0; bottom: 0; width: 100%;}
    .nav-list li{ float: left; width: 13.9%; max-width: 125px; position: relative;}
    .nav-list li h2 a{ display: block; width: 100%; padding: 0; font-size: 18px; line-height: 84px; text-align: center; border-bottom: none;}
    .nav-list li .subnav{ position: absolute; top: 100%; left: 0; width: 100%; display: none;}
    .nav-list li .subnav a{ display: block; width: 100%; padding: 0; margin-bottom: 2px; font-size: 16px; line-height: 36px; text-align: center; color: #333; background-color: rgba(255, 255, 255, .8); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s;}
    .nav-list li .subnav a:hover{ background-color: rgba(61, 135, 209, .8); color: #fff;}

    .nav-list li.cur h2 a,.nav-list li:hover h2 a{ color: #fff; background-color: #3d87d1;}


    /* 滚动后的头部 */
    .header.active{ padding-top: 60px;}
    .clear-header.active{ height: 60px;}

    .header.active .logo{ bottom: 18px;}
    .header.active .nav-list li h2 a{ line-height: 60px;}
    .header.active .web-link{ opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}

    /* 底部 */
    .footer-nav li .footer-subnav a:hover{ text-decoration: underline;}

    /* banner */
    .banner-next,.banner-prev{ opacity: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
    .banner-next{ -webkit-transform: translate(-30px, 0); -moz-transform: translate(-30px, 0); -ms-transform: translate(-30px, 0); -o-transform: translate(-30px, 0); transform: translate(-30px, 0);}
    .banner-prev{ -webkit-transform: translate(30px, 0); -moz-transform: translate(30px, 0); -ms-transform: translate(30px, 0); -o-transform: translate(30px, 0); transform: translate(30px, 0);}
    .banner-next.active,.banner-prev.active{ opacity: .5; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}
    .banner-next:hover,.banner-prev:hover{ opacity: 1;}

    /* 首页产品 */
    .index-prolist{ margin: 0 -30px;}
    .index-prolist li{ width: 33.3%; padding: 0 30px;}
    .index-prolist li:nth-child(4n){ clear: left;}
    .index-prolist li .content .imgbox{ position: relative;}
    .index-prolist li .content .imgbox:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: rgba(0, 0, 0, .5); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
    .index-prolist li .content a{ color: #333;}
    .index-prolist li .content .text-box:after{ height: 1px;}
    .index-prolist li .content a:hover{ color: #fff;}
    .index-prolist li .content a:hover .imgbox:after{ height: 100%;}
    .index-prolist li .content a:hover .text-box:after{ height: 100%;}

    /* 首页新闻 */
    .new-swiper{ float: left; width: 43.33%;}
    .indexnews-box{ float: right; width: 53.33%; max-width: 640px;}
    
    .new-swiper{ height: 318px;}
    .new-swiper img{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; max-width: none; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
    .indexnew-list{ height: 240px; overflow: hidden;}
    .indexnew-list a:hover{ color: #0051a2;}

    /* 首页合作机构 */
    .indexcoop-list{ margin: 0 -25px;}
    .indexcoop-list li{ width: 14.25%; padding: 0 25px;}
    .indexcoop-list li img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
    .indexcoop-list li:hover img{ -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .27); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .27); box-shadow: 0 0 10px rgba(0, 0, 0, .27); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter: none; -webkit-animation: rotate .5s linear;
    -o-animation: rotate .5s linear;
    animation: rotate .5s linear;}
    
    /* 翻转动画 */
    @keyframes rotate{
        0%{ transform: rotateY(180deg); opacity: 0;}
        100%{ transform: rotateY(0); opacity: 1;}
    }

    @-webkit-keyframes expand{
        0%{ transform: rotateY(180deg); opacity: 0;}
        100%{ transform: rotateY(0); opacity: 1;}
    }

    @-moz-keyframes expand {
        0%{ transform: rotateY(180deg); opacity: 0;}
        100%{ transform: rotateY(0); opacity: 1;}
    }

    @-o-keyframes expand{
        0%{ transform: rotateY(180deg); opacity: 0;}
        100%{ transform: rotateY(0); opacity: 1;}
    }

    /* 德生康养 */
    .crumbs{ border-bottom: 1px solid #ccc; font-size: 16px;}
    .crumbs .route{ float: left; width: 50%; padding: 22px 0; color: #999;}
    .crumbs .route a{ display: inline-block; color: #999;}
    .crumbs .route a.home{ padding-left: 24px; background: url(../images/cico05.png) 0 no-repeat;}
    .crumbs .route a.home:hover{ background-image: url(../images/cico06.png);}
    .crumbs .route a.on,.crumbs .route a:hover{ color: #666;}

    .inner-subnav{ float: right; width: 50%; text-align: right;}
    .inner-subnav a{ display: inline-block; padding: 22px 0; margin-left: 6%; color: #666; border-bottom: 1px solid transparent;}
    .inner-subnav a.cur,.inner-subnav a:hover{ border-bottom-color: #0051a2;}

    /* 德生航空 */
    .aviation-box{}
    .aviation-box .title{ width: 40%; margin-bottom: 0;}
    .aviation-box .title img{ display: block; width: auto; margin: 0 auto;}
    .aviation-box .content{ width: 40%; color: #666;}
    .aviation-box .content img{ display: block; margin: 24px auto;}

    .aviation-box:nth-child(2n+1) .title{ float: right;}
    .aviation-box:nth-child(2n+1) .content{ float: left;}
    .aviation-box:nth-child(2n) .title{ float: left;}
    .aviation-box:nth-child(2n) .content{ float: right;}

    /* 德生康养 */
    .support-box .content{ width: 50%; margin-bottom: 0;}
    .support-box .img-box{ width: 40%;}
    .support-box:nth-child(2n) .content{ float: right;}
    .support-box:nth-child(2n) .img-box{ float: left;}
    .support-box:nth-child(2n+1) .content{ float: left;}
    .support-box:nth-child(2n+1) .img-box{ float: right;}

    /* 德生要闻 */
    .new-list li:hover{ background-color: #e5e5e5;}
    .new-list li img{ max-width: 100%; min-width: none;}
    .login-more{ background: transparent url(../images/cico09.png) center no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
    .login-more:hover{ background: #3d87d1 url(../images/cico10.png) center no-repeat;}

    /* 德生旗下 */
    .subname-box{ width: 33.3%;}
    .subname-box:nth-child(2n+1){ clear: none;}

    /* 集团介绍 */
    .about{ padding: 6.25% 0 15.5%;}
    .vision{ padding: 0 5.5%;}

    /*美国医疗*/
    .bmr-experts{ position: relative; padding-left: 33.66%;}
    .bmr-experts .title{ text-align: left; }
    .bmr-experts .university-list{ padding-bottom: 0; }
    .bmr-experts .university-list li{ color: #666;}
    .bmr-experts .university-list li:nth-child(2n+1){ float: left; text-align: left; width: 57%;}
    .bmr-experts .university-list li:nth-child(2n){ width: 42%; }
    .bmr-experts .university-list li a{ display: inline-block; line-height: 28px; color: #999; cursor: default; }
    .bmr-experts .university-list li:nth-child(1) a { color: #333; cursor: pointer; }
    .bmr-experts .university-list li:nth-child(1) a:hover{ background-color: #3d87d1; color: #fff; }
    .bmr-experts .img-box{ width: 31.66%; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); margin: 0; }

    .bmr-network{ position: relative; padding-left: 41.25%; }
    .bmr-network .title{ text-align: left; }
    .bmr-network .info{ padding-bottom: 0; width: 79.5%; }
    .bmr-network .img-box{ width: 41.25%; padding-right: 20px; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); margin: 0; }

    .bmr-infrastructure{ position: relative; padding-right: 46%; }
    .bmr-infrastructure .title{ text-align: left; }

    .bmr-infrastructure .img-box{ width: 46%; padding-left: 20px; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); margin: 0; }

    /*德生医疗*/
	.hospital-list li{ width: 25%; }

	/*麻省总部*/
    .grid-item .itembox:hover{ box-shadow: 0 0 10px #ccc; }

}
/*****************************响应PC区域**********************************/
@media (min-width: 1200px){
    /* 其他 */
    .web-box{ padding: 0; width: 1200px; margin: 0 auto;}

    .header-web{ position: absolute; width: 1200px; height: 100%; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}

    .header .logo{ left: 0;}
    .nav{ right: 10px;}

    /* 底部 */
    .footer-nav li .ewm{ padding-top: 58px;}

    /* 德生旗下 */
    .submap-mo{ display: none;}
    .submap-pc{ display: block; position: relative; height: 952px; margin: 110px 0 50px; background: url(../images/cico11.png) 13px 0 no-repeat;}
    .submap-pc .img-box{ width: 192px; margin: 0 auto;}
    .tip-list{ position: absolute; bottom: 30px; left: 34px;}
    .tip-list li{ position: relative; padding-left: 28px; color: #666; line-height: 32px;}
    .tip-list li:after{ content: ''; position: absolute; top: 50%; left: 0; width: 14px; height: 14px; border-radius: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}
    .tip-list li:nth-child(1):after{ background-color: #31e4eb;}
    .tip-list li:nth-child(2):after{ background-color: #eb313f;}
    .tip-list li:nth-child(3):after{ background-color: #eb8d31;}
    .tip-list li:nth-child(4):after{ background-color: #3161eb;}
    .tip-list li:nth-child(5):after{ background-color: #67c799;}
    .tip-list li:nth-child(6):after{ background-color: #d4cf7b;}

    .map-drop{ position: absolute; width: 18px; height: 18px;}
    .map-drop .tip{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%;}
    .map-drop .tip span{ position: absolute; top: 50%; left: 50%; width: 600%; height: 600%; border: 1px solid; border-radius: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
    .map-drop .subname{ position: absolute; bottom: 24px; left: 50%; padding: 10px 16px; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .27); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .27); box-shadow: 0 0 10px rgba(0, 0, 0, .27); line-height: 28px; opacity: 0;-webkit-transform: translate(-50%, 0) scale(0); -moz-transform: translate(-50%, 0) scale(0); -ms-transform: translate(-50%, 0) scale(0); -o-transform: translate(-50%, 0) scale(0); transform: translate(-50%, 0) scale(0); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
    .map-drop .subname:after{ content: ''; position: absolute; top: 100%; left: 50%; border: 14px solid transparent; border-top-color: #fff; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}
    .map-drop .subname .title{ margin-bottom: 2px; font-size: 16px; color: #0051a2;}
    .map-drop .subname .text{ color: #666;}

    .map-drop .tip.lightblue{ background-color: #31e4eb;}
    .map-drop .tip.lightblue span{ border-color: #31e4eb;}
    .map-drop .tip.red{ background-color: #ea313f;}
    .map-drop .tip.red span{ border-color: #ea313f;}
    .map-drop .tip.yellow{ background-color: #eb8d31;}
    .map-drop .tip.yellow span{ border-color: #eb8d31;}
    .map-drop .tip.blue{ background-color: #3161eb;}
    .map-drop .tip.blue span{ border-color: #3161eb;}
    .map-drop .tip.cyan{ background-color: #67c799;}
    .map-drop .tip.cyan span{ border-color: #67c799;}
    .map-drop .tip.lightyellow{ background-color: #d4cf7b;}
    .map-drop .tip.lightyellow span{ border-color: #d4cf7b;}
    
    /* 东北地区 */
    .map-drop.db1{ top: 125px; right: 215px;}
    .map-drop.db1 .subname{ width: 250px;}
    .map-drop.db2{ top: 204px; right: 242px;}
    .map-drop.db2 .subname{ width: 240px;}
    .map-drop.db3{ top: 294px; right: 280px;}
    .map-drop.db3 .subname{ width: 240px;}
    /* 华北地区 */
    .map-drop.hb1{ top: 320px; right: 380px;}
    .map-drop.hb1 .subname{ width: 210px;}
    /* 华东地区 */
    .map-drop.hd1{ top: 434px; right: 360px;}
    .map-drop.hd1 .subname{ width: 260px;}
    .map-drop.hd2{ right: 246px; bottom: 366px;}
    .map-drop.hd2 .subname{ width: 220px;}
    /* 华南地区 */
    .map-drop.hn1{ right: 394px; bottom: 142px;}
    .map-drop.hn1 .subname{ width: 270px;}
    /* 西北地区 */
    .map-drop.xb1{ right: 610px; bottom: 480px;}
    .map-drop.xb1 .subname{ width: 180px;}
    /* 西南地区 */
    .map-drop.xn1{ right: 580px; bottom: 350px;}
    .map-drop.xn1 .subname{ width: 190px;}

    .map-drop:hover .subname{ opacity: 1; -webkit-transform: translate(-50%, 0) scale(1); -moz-transform: translate(-50%, 0) scale(1); -ms-transform: translate(-50%, 0) scale(1); -o-transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1);}

    /* 点动画 */
    .map-drop .tip span{ animation: expand 4s ease-out infinite; -webkit-animation: expand 4s ease-out infinite; -moz-animation: expand 4s ease-out infinite; -o-animation: expand 4s ease-out infinite; animation: expand 4s ease-out infinite;}
    .map-drop .tip span:nth-child(2){ -webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -o-animation-delay: 1.8s; animation-delay: 1.8s;}
    .map-drop .tip span:nth-child(3){ -webkit-animation-delay: 2.7s; -moz-animation-delay: 2.7s; -o-animation-delay: 2.7s; animation-delay: 2.7s;}
    @keyframes expand{
        0%{ opacity: 1; transform: translate(-50%, -50%) scale(0);}
        70%{ opacity: .8;}
        100%{ opacity: 0; transform: translate(-50%, -50%) scale(1);}
    }

    @-webkit-keyframes expand{
        0%{ opacity: 1; transform: translate(-50%, -50%) scale(0);}
        70%{ opacity: .8;}
        100%{ opacity: 0; transform: translate(-50%, -50%) scale(1);}
    }

    @-moz-keyframes expand {
        0%{ opacity: 1; transform: translate(-50%, -50%) scale(0);}
        70%{ opacity: .8;}
        100%{ opacity: 0; transform: translate(-50%, -50%) scale(1);}
    }

    @-o-keyframes expand{
        0%{ opacity: 1; transform: translate(-50%, -50%) scale(0);}
        70%{ opacity: .8;}
        100%{ opacity: 0; transform: translate(-50%, -50%) scale(1);}
    }
    
    .subname-list dt{ float: left; width: 66px;}
    .subname-list dd{ float: right; width: 270px;}
}